<script type="text/javascript" src="/web-admin/assets/scripts/plugins/farbtastic.js"></script>

<span class="setting_close_btn"><a href="javascript:;">b</a></span>
<ul>
	<li class="active"><a href="javascript:;">プロフィール設定</a></li>
	<li><a href="javascript:;">配色設定</a></li>
</ul>
<div class="setting_profile">
    <dl>
        <dt><img src="./assets/images/common/header/blank_face.gif" /></dt>
        <dd><input type="file"></d>
    </dl>
    <table>
        <tr>
            <th>パスワード</th>
            <td><input type="text" /></td>
        </tr>
        <tr>
            <th>スタッフ名</th>
            <td><input type="text" /></td>
        </tr>
        <tr>
            <th>メールアドレス</th>
            <td><input type="text" /></td>
        </tr>
    </table>
    <div class="modal_btns">
	    <p><input type="button" value="保存する"></p>
    </div>
</div>
<div class="setting_color">
    <div id="picker"></div>
    <div id="setter">
    	<dl>
        	<dt>ヘッダー/フッター背景</dt>
        	<dd><input type="text" class="colorwell header_footer_bg" rel="header,footer|backgroundColor" value="#123456" /></dd>
        </dl>
    	<dl>
        	<dt>コンテンツのパーツ</dt>
        	<dd><input type="text" class="colorwell content_part_color" rel="article|background-color" value="#123456" /></dd>
        </dl>
    	<dl>
        	<dt>サイドメニュー</dt>
        	<dd><input type="text" class="colorwell aside_bg" rel="aside div ul|background-color" value="#123456"></dd>
        </dl>
    	<dl>
        	<dt>選択中のメニュー</dt>
        	<dd><input type="text" class="colorwell active_menu_bg" rel="nav .active a|background-color" value="#303030"></dd>
        </dl>
        <input type="hidden" class="colorwell" value="#123456" />
    </div>
    <div class="modal_btns">
	    <p>
	    	<input type="button" class="save_setting" value="保存する" />
        	<input type="button" value="リセット" class="reset_setting" onclick="reset_cookie('setting')" />
        </p>
    </div>
</div>